Standard HTML 4.01

Slides: OpenOffice PowerPoint
Reading: HFHTML Ch. 6

Timeline of web browsers .

Dominant browser by country map .

Browser market share .

A list of valid DOCTYPE declarations from the W3C.

Lab, part 1

• On your computer, create a directory called cis228. With subdirectories about me and labs. Each of these should contain a index.html file.
• In an new browser page, open the Net2FTP web client.
• Enter media.lehman.cuny.edu as the FTP Server.
• Leave the port set to 21.
• Enter your username.
• Enter your password.
• Check the Passive mode box
• Set the Initial directory to /Sites.
• Click on the Login button.
• Use the Java Upload to upload your cis228directory to your site.
• Verify that you can read the new web pages on your site.
• Verify that Bowen can access your about me page from his browser.

Lab, part 2

• Here is the code for chapter 6 from the text's web site.
• Download and unzip this file in your My Documents directory.
• Edit the lounge.html file in the lounge directory.
• Add in the <DOCTYPE> tag (in doctype.txt or book) at the top of the lounge.html file.
• Use the validator, http://validator.w3.org, to check if the page meets standards.
• Add in the suggested <META> tag, and try the validator again.
• Fix any mistakes (hint: inline elements must be in blocks) and try the validator again.
• When the page validates as strict, add the appropriate W3C verification icon at the bottom of the page.
• Ftp your "lounge" directory to a lab 6 subdirectory of the labs directory on your web site.
• Edit the index.html file on your site to have a link to your revised lounge.html page. To do this, you may need to
  1. to download the index.html page from your site,
  2. edit it on your local computer, and
  3. upload the revised file back to your site.
• Verify that Bowen can see your revised lounge.html page on your site.

Lab, part 3

• Make the index.html page in the about me directory on your site HTML 4.01 compliant.
• When you have verified the page, add the appropriate W3C verification icon to the page.
• Check that Bowen can see your verified about me page on your web site.
• Shut down your computer and turn off your display before leaving the lab (always).